.carousel{
    margin: 100px auto;
    height: 350px;
    width: auto;    
    overflow: hidden;
  
    position: relative;
}
.carousel  img{
    height: 300px;
    width: auto;
	margin:5px;
	cursor: pointer;
} 
.carousel .child{
    display: flex;
    height: 300px;
    width: 2000px;
    animation:video 20s infinite;
	animation-direction:alternate;	

}
.carousel .child_3{
    display: flex;
    height: 350px;
    width: 900px;
    animation:change 30s infinite;
	animation-direction:alternate;	
}
.carousel .tagtext{
    font-size:20px;text-align:center;color:#fff;margin:0 0 15px;  
    font:"Microsoft Yahei","微软雅黑"; 
    background-color:#a5a5a5;
    width:533px;
    margin:0 auto;
}

.carousel:hover{
	animation: video 20s linear infinite paused;
}

@keyframes video {
    0%{
        transform: translateX(0);
    }
    25%{
        transform: translateX(-400px);
    }
    50%{
        transform: translateX(-800px);
    }
    75%{
        transform: translateX(-1200px);
    }
    100%{
        transform: translateX(-1600px);
    }
}
@keyframes change{
   0%{
         transform:translateX(0);
       }
   33%{
         transform:translateX(-300px);
          }
   100%{
           transform:translateX(-600px);
            }
   
}